<template>
  <div class="main-block-with-cropped fit text-black block-text block-padding">
    <div class="block-text block-text__title text-left">О Текнокомо</div>

    <q-list class="">
      <template v-for="(item, idx) of roadmap.slice(0, quantity)" :key="idx">
        <!-- <q-item class="flex justify-between">
          <q-item-section avatar> {{ item.milestone }} </q-item-section>
        </q-item> -->
        <q-item>
          <q-item-section align="left"
            ><div v-html="item.text"></div
          ></q-item-section>
        </q-item>
        <SeeMoreButton v-if="$route.path !== '/teknokomo'" to="/teknokomo" />
      </template>
    </q-list>
  </div>
</template>

<script>
import SeeMoreButton from "./buttons/SeeMoreButton.vue";
export default {
  // name: 'ComponentName',
  props: {
    numberOfArticles: {
      type: Number,
      default: 0,
    },
  },
  computed: {
    quantity: function () {
      return this.numberOfArticles > 0
        ? this.numberOfArticles
        : this.roadmap.length;
    },
  },
  setup() {
    const roadmap = [
      {
        text: `
        <p><b>Международное сообщество Текнокомо, в том числе ПК "Советские роботы"</b>, в рамках формата "Омский консенсус", задача которого агрегировать передовой опыт и технологии в рамках общей системы планирования и управления, прорабатывает и реализует проекты по различным направлениям.</p>
        <p>Ознакомиться с информацией о проектах можно в различных сообществах в социальных сетях. Обратите, пожалуйста, внимание, что многие проекты находятся на уровне формирования концепции и информации о них ещё мало.</p>
        <p><b>Наши основные сообщества:</b></p>
        <p>Сообщества на Boosty — публикуется контент с ранним доступом, на них можно оформить ежемесячную финансовую подписку поддержку нашей работы</p>
        <ul class="custom-list">
          <li><a href="https://boosty.to/universo" target="_blank">RVM Universo</a></li>
          <li><a href="https://boosty.to/grandaringo" target="_blank">Мир Великого Кольца</a></li>
        </ul>
        <p>Генеральный разнорабочий — блог с общей информацией о нашей работе, проводимых мероприятиях, еженедельных конференциях, передовых транспортных системах и т.д.</p>
        <ul>
          <li><a href="https://vk.com/diverslaboristo" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/diverslaboristo" target="_blank">Telegram</a></li>
        </ul>
        <p>Омский консенсус — информация о реализации метапроекта "Омск — столица мира", распространения идей "Омского консенсуса" и связанных темах.</p>
        <ul>
          <li><a href="https://vk.com/omsk_kons" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/omsk_kons" target="_blank">Telegram</a></li>
        </ul>
        <p>RVM Universo — информация о развитии нашей цифровизации, текнокомизации и создании игрового функционала в MMORPG.</p>
        <ul>
          <li><a href="https://vk.com/universo_pro" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/universo_pro" target="_blank">Telegram</a></li>
        </ul>
        <p>Мир Великого Кольца — информация о создаваемой нами киновселенной, сюжеты которой используются в том числе в MMORPG.</p>
        <ul>
          <li><a href="https://vk.com/grandaringo" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/grandaringo" target="_blank">Telegram</a></li>
        </ul>
        `,
      },
      {
        text: `<p><b>Международное сообщество Текнокомо, в том числе ПК "Советские роботы"</b>, в рамках формата "Омский консенсус", задача которого агрегировать передовой опыт и технологии в рамках общей системы планирования и управления, прорабатывает и реализует проекты по различным направлениям.</p>
        <p>Ознакомиться с информацией о проектах можно в различных сообществах в социальных сетях. Обратите, пожалуйста, внимание, что многие проекты находятся на уровне формирования концепции и информации о них ещё мало.</p>
        <p><b>Наши основные информационные ресурсы:</b></p>
        <p>Сайт "Омск-Мир" — размещена презентация метапроекта "Омск — столица мира".</p>
        <ul>
          <li><a href="https://omskmir.ru/" target="_blank">Омск-Мир</a></li>
        </ul>
        <p>Сайт ПК "Советские роботы" — размещена информация-визитка о целях ПК "Советские роботы".</p>
        <ul>
          <li><a href="https://roboto.pro/" target="_blank">Советские роботы</a></li>
        </ul>
        <p>Сообщества на Boosty — публикуется контент с ранним доступом, на них можно оформить ежемесячную финансовую подписку поддержку нашей работы.</p>
        <ul>
          <li><a href="https://boosty.to/universo" target="_blank">RVM Universo</a></li>
          <li><a href="https://boosty.to/grandaringo" target="_blank">Мир Великого Кольца</a></li>
        </ul>
        <p>Генеральный разнорабочий — блог с общей информацией о нашей работе, проводимых мероприятиях, еженедельных конференциях, передовых транспортных системах и т.д.</p>
        <ul>
          <li><a href="https://vk.com/diverslaboristo" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/diverslaboristo" target="_blank">Telegram </a></li>
          <li><a href="https://www.youtube.com/diverslaboristo" target="_blank">YouTube </a></li>
          <li><a href="https://rutube.ru/channel/15423386/" target="_blank">Rutube </a></li>
        </ul>
        <p>Омский консенсус — информация о реализации метапроекта "Омск — столица мира", распространения идей "Омского консенсуса" и связанных темах.</p>
        <ul>
          <li><a href="https://vk.com/omsk_kons" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/omsk_kons" target="_blank">Telegram </a></li>
          <li><a href="https://www.youtube.com/omskkons" target="_blank">YouTube </a></li>
          <li><a href="https://dzen.ru/omsk_kons" target="_blank">Дзен </a></li>
        </ul>
        <p>RVM Universo — информация о развитии нашей цифровизации, текнокомизации и создании игрового функционала в MMORPG.</p>
        <ul>
          <li><a href="https://vk.com/universo_pro" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/universo_pro" target="_blank">Telegram </a></li>
          <li><a href="https://www.youtube.com/universo_pro" target="_blank">YouTube </a></li>
          <li><a href="https://dzen.ru/universo_pro" target="_blank">Дзен </a></li>
        </ul>
        <p>Мир Великого Кольца — информация о создаваемой нами киновселенной, сюжеты которой используются в том числе в MMORPG.</p>
        <ul>
          <li><a href="https://vk.com/grandaringo" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/grandaringo" target="_blank">Telegram </a></li>
          <li><a href="https://www.youtube.com/grandaringo" target="_blank">YouTube </a></li>
          <li><a href="https://dzen.ru/grandaringo" target="_blank">Дзен </a></li>
        </ul>
        <p>Советское Телевидение — информация из будущего.</p>
        <ul>
          <li><a href="https://vk.com/sovtel" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/sovettel" target="_blank">Telegram </a></li>
          <li><a href="https://www.youtube.com/sovtel" target="_blank">YouTube </a></li>
          <li><a href="https://dzen.ru/sovtel" target="_blank">Дзен </a></li>
        </ul>
        <p>Омский телепорт — пассажирско-грузовой транспортный и научный комплекс.</p>
        <ul>
          <li><a href="https://vk.com/teleportilo" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/teleportilo" target="_blank">Telegram </a></li>
        </ul>
        <p>Омский монорельс — пассажирско-грузовая транспортная система Омского телепорта.</p>
        <ul>
          <li><a href="https://vk.com/monorelo" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/monorelo" target="_blank">Telegram </a></li>
        </ul>
        <p>Омский метробус — пассажирско-грузовая транспортная система Омского телепорта.</p>
        <ul>
          <li><a href="https://vk.com/metrobuso" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/metrobuso" target="_blank">Telegram </a></li>
        </ul>
        <p>Омский метрорег — пассажирско-грузовая транспортная система Омского телепорта.</p>
        <ul>
          <li><a href="https://vk.com/metroreg" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/metroreg" target="_blank">Telegram </a></li>
        </ul>
        <p>Омский маглев — высокоскоростная транспортная система Омского телепорта.</p>
        <ul>
          <li><a href="https://vk.com/maglevo" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/omskmaglevo" target="_blank">Telegram </a></li>
        </ul>
        <p>Омский дирижабль — пассажирско-грузовая транспортная система Омского телепорта.</p>
        <ul>
          <li><a href=" https://vk.com/aerostato" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/oaerostato" target="_blank">Telegram </a></li>
        </ul>
        <p>Омская ДЖД — учебно-развлекательная транспортная система Омского телепорта.</p>
        <ul>
          <li><a href="https://vk.com/omskdzd" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/omskdzd" target="_blank">Telegram </a></li>
        </ul>
        <p>Омские гидрополисы — гидрополисы и другие сооружения на воде и под водой.</p>
        <ul>
          <li><a href="https://vk.com/hidropolo" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/hidropolo" target="_blank">Telegram </a></li>
        </ul>
        <p>Омские терраполисы — терраполисы и другие сооружения частично или полностью под землёй.</p>
        <ul>
          <li><a href="https://vk.com/teropolo" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/teropolo" target="_blank">Telegram </a></li>
        </ul>
        <p>Омский метакомплекс</p>
        <ul>
          <li><a href="https://vk.com/omskmeta" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/omskmeta" target="_blank">Telegram </a></li>
        </ul>
        <p>Общая информация о Текнокомо</p>
        <ul>
          <li><a href="https://vk.com/teknokomo" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/teknokomo" target="_blank">Telegram </a></li>
        </ul>
        <p>Мир будущего</p>
        <ul>
          <li><a href=" https://vk.com/mondoest" target="_blank">ВКонтакте</a></li>
          <li><a href="https://t.me/mondoest" target="_blank">Telegram </a></li>
        </ul>
        `,
      },
    ];
    return { roadmap };
  },
  components: { SeeMoreButton },
};
</script>
